<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
    <script src="https://assets.pyecharts.org/assets/v5/echarts.min.js" type="text/javascript"></script>

</head>
<body>
<div class="chart-container" id="e167e5bba1b04bf49b081ad35234c8b2" style="width:900px; height:500px; "></div>
<script>
    var chart_e167e5bba1b04bf49b081ad35234c8b2 = echarts.init(
        document.getElementById('e167e5bba1b04bf49b081ad35234c8b2'), 'white', {renderer: 'canvas'});
    var option_e167e5bba1b04bf49b081ad35234c8b2 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"aria": {
    "enabled": false
},
"color": [
    "#5470c6",
    "#91cc75",
    "#fac858",
    "#ee6666",
    "#73c0de",
    "#3ba272",
    "#fc8452",
    "#9a60b4",
    "#ea7ccc"
],
"series": [
    {
        "type": "line",
        "name": "GDP",
        "connectNulls": false,
        "xAxisIndex": 0,
        "symbolSize": 4,
        "showSymbol": true,
        "smooth": false,
        "clip": true,
        "step": false,
        "stackStrategy": "samesign",
        "data": [
            [
                "\u4e2d\u56fd",
                30
            ],
            [
                "\u7f8e\u56fd",
                20
            ],
            [
                "\u82f1\u56fd",
                10
            ]
        ],
        "hoverAnimation": true,
        "label": {
            "show": true,
            "margin": 8
        },
        "logBase": 10,
        "seriesLayoutBy": "column",
        "lineStyle": {
            "show": true,
            "width": 1,
            "opacity": 1,
            "curveness": 0,
            "type": "solid"
        },
        "areaStyle": {
            "opacity": 0
        },
        "zlevel": 0,
        "z": 0
    }
],
"legend": [
    {
        "data": [
            "GDP"
        ],
        "selected": {},
        "show": true,
        "padding": 5,
        "itemGap": 10,
        "itemWidth": 25,
        "itemHeight": 14,
        "backgroundColor": "transparent",
        "borderColor": "#ccc",
        "borderRadius": 0,
        "pageButtonItemGap": 5,
        "pageButtonPosition": "end",
        "pageFormatter": "{current}/{total}",
        "pageIconColor": "#2f4554",
        "pageIconInactiveColor": "#aaa",
        "pageIconSize": 15,
        "animationDurationUpdate": 800,
        "selector": false,
        "selectorPosition": "auto",
        "selectorItemGap": 7,
        "selectorButtonGap": 10
    }
],
"tooltip": {
    "show": true,
    "trigger": "item",
    "triggerOn": "mousemove|click",
    "axisPointer": {
        "type": "line"
    },
    "showContent": true,
    "alwaysShowContent": false,
    "showDelay": 0,
    "hideDelay": 100,
    "enterable": false,
    "confine": false,
    "appendToBody": false,
    "transitionDuration": 0.4,
    "textStyle": {
        "fontSize": 14
    },
    "borderWidth": 0,
    "padding": 5,
    "order": "seriesAsc"
},
"xAxis": [
    {
        "show": true,
        "scale": false,
        "nameLocation": "end",
        "nameGap": 15,
        "gridIndex": 0,
        "inverse": false,
        "offset": 0,
        "splitNumber": 5,
        "minInterval": 0,
        "splitLine": {
            "show": true,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            }
        },
        "data": [
            "\u4e2d\u56fd",
            "\u7f8e\u56fd",
            "\u82f1\u56fd"
        ]
    }
],
"yAxis": [
    {
        "show": true,
        "scale": false,
        "nameLocation": "end",
        "nameGap": 15,
        "gridIndex": 0,
        "inverse": false,
        "offset": 0,
        "splitNumber": 5,
        "minInterval": 0,
        "splitLine": {
            "show": true,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            }
        }
    }
],
"title": [
    {
        "show": true,
        "text": "GDP\u5c55\u793a",
        "target": "blank",
        "subtarget": "blank",
        "left": "center",
        "bottom": "1%",
        "padding": 5,
        "itemGap": 10,
        "textAlign": "auto",
        "textVerticalAlign": "auto",
        "triggerEvent": false
    }
],
"toolbox": {
    "show": true,
    "orient": "horizontal",
    "itemSize": 15,
    "itemGap": 10,
    "left": "80%",
    "feature": {
        "saveAsImage": {
            "type": "png",
            "backgroundColor": "auto",
            "connectedBackgroundColor": "#fff",
            "show": true,
            "title": "\u4fdd\u5b58\u4e3a\u56fe\u7247",
            "pixelRatio": 1
        },
        "restore": {
            "show": true,
            "title": "\u8fd8\u539f"
        },
        "dataView": {
            "show": true,
            "title": "\u6570\u636e\u89c6\u56fe",
            "readOnly": false,
            "lang": [
                "\u6570\u636e\u89c6\u56fe",
                "\u5173\u95ed",
                "\u5237\u65b0"
            ],
            "backgroundColor": "#fff",
            "textareaColor": "#fff",
            "textareaBorderColor": "#333",
            "textColor": "#000",
            "buttonColor": "#c23531",
            "buttonTextColor": "#fff"
        },
        "dataZoom": {
            "show": true,
            "title": {
                "zoom": "\u533a\u57df\u7f29\u653e",
                "back": "\u533a\u57df\u7f29\u653e\u8fd8\u539f"
            },
            "icon": {},
            "filterMode": "filter"
        },
        "magicType": {
            "show": true,
            "type": [
                "line",
                "bar",
                "stack",
                "tiled"
            ],
            "title": {
                "line": "\u5207\u6362\u4e3a\u6298\u7ebf\u56fe",
                "bar": "\u5207\u6362\u4e3a\u67f1\u72b6\u56fe",
                "stack": "\u5207\u6362\u4e3a\u5806\u53e0",
                "tiled": "\u5207\u6362\u4e3a\u5e73\u94fa"
            },
            "icon": {}
        }
    }
},
"visualMap": {
    "show": true,
    "type": "continuous",
    "min": 0,
    "max": 100,
    "inRange": {
        "color": [
            "#50a3ba",
            "#eac763",
            "#d94e5d"
        ]
    },
    "calculable": true,
    "inverse": false,
    "splitNumber": 5,
    "hoverLink": true,
    "orient": "vertical",
    "padding": 5,
    "showLabel": true,
    "itemWidth": 20,
    "itemHeight": 140,
    "borderWidth": 0
}
};
    chart_e167e5bba1b04bf49b081ad35234c8b2.setOption(option_e167e5bba1b04bf49b081ad35234c8b2);
</script>
</body>
</html>
